<script setup lang="ts">

</script>

<template>
  <van-nav-bar class="nav-bar"
               title="关于我们"
  >
  </van-nav-bar>
  <img src="../assets/最终返回键.png" class="back-btn1" alt="返回" @click="$router.back"/>

  <div class="about-us">
    <h1 style=" font-family: STXingkai, serif;color: #fff;align-items: center; justify-content: center; display: flex; ">
      码上学习
    </h1>
    <h3>
      概述
    </h3>
    <p>
      码上学习是一款面向编程爱好者的在线编程教育平台，致力于为用户提供轻松、有趣有益的编程学习体验。
    </p>
    <br>
    <h3>
      核心功能
    </h3>
    <p>
      1. 编程语言学习：提供丰富的编程语言课程，包括Python、Java、JavaScript等。
    </p>
    <p>
      2. 编程资源分享：分享优质的编程资源，如帖子、视频教程。
    </p>
    <p>
      3. 编程社区：提供编程交流社区以及编程题目练习，帮助用户提升编程能力。
    </p>
    <br>
    <h3>
      安全与隐私保护
    </h3>
    <p>
      1.本应用不会采取使用任何形式的收集用户信息的行为，所有用户信息均由用户自行提供。
    </p>
    <br>
    <h3>
      版权声明
    </h3>
    <p>
      码上学习所有内容，包括但不限于文字、视频、源代码等，版权均属于码上学习所有，任何媒体、网站或个人未经码上学习书面授权，不得转载、链接、转贴或以其他方式复制、发行。
    </p>
    <br>
    <h3>
      作者信息
    </h3>
    <p>
      码上学习，由三位编程爱好者W. 、Z. 、L. 共同打造，主要由Java、TS语言编写。
    </p>
    <br>
    <h3>
      联系我们（提出您宝贵的建议）
    </h3>

    <p>
      邮箱：3042983118@qq.com
    </p>
    <p>
      微信：码上学习
    </p>
    <p>
      码上学习，让编程学习更简单！
    </p>
  </div>

  <img src="../assets/云雾.png" class="bottom-img">

</template>

<style scoped>
h3{
  color: #fff;
}
.nav-bar {
  position: relative;
  inset: 0;
  width: 100%;
  height: 46px;
  background-image: url("../assets/导航栏2.png");
  opacity: 1;
  z-index: 1;
}

.back-btn1 {
  position: absolute;
  float: left;
  top: -5px;
  width: 50px;
  height: 60px;
  z-index: 2;
}

.about-us {
  width: 90%;
  margin: 0 auto;
  background-image: url("../assets/关于我们背景.png");
}


</style>